<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body,div {
				margin: 0;
				padding: 0;
				font-size: 32px;
				font-weight: bold;
			}

			div {
				color: white;
				text-align: center;
				line-height: 100px;

				width: 150px;
				height: 300px;
			}

			#box1 {
				float: left;
				margin-left: 150px;
				display: inline;
				background-color: red;
			}

			#box2 {
				float: right;
				background-color: blue;
			}

			#box3 {
				float: left;
				margin-left: -300px;
				background-color: green;
			}
		</style>
	</head>
	<body>
		<div id="box1">BOX 1</div>
		<div id="box2">BOX 2</div>
		<div id="box3">BOX 3</div>
	<div><script language="javascript">

	</script></div></body>
</html>
